// 代码高亮
.higtlight
  .article 
    h2
      font-size 1.5em
    h3
      font-size 1.4em
    h4
      font-size 1.3em
    h1, h2,  h3, h4,  h5, h6
      position relative
      font-family: monospace;
    h1:before, 
    h2:before, 
    h3:before, 
    h4:before, 
    h5:before, 
    h6:before
      content '#'
      margin 0 .4rem
      color #f72d84
      font-family: none
    li
      list-style: none
      line-height: 28px
      position relative
    li:before
      content: '~';
      margin 0 .4rem
      color: #f72d84;
    img
      max-width 100%
      display block
      margin: 3px 0 12px
    p
      margin 7px 0
  pre
    position relative
    margin 10px 0 
    code
      margin 0
  .hljs
    font-size 14px !important
    padding 18px !important
    color #f7f7f7 !important
    background #282a36 !important
    border-top 34px solid #222329 !important
    -webkit-overflow-scrolling touch
    // font-family: inherit
    // font-size 15px
  pre:before
    content ' '
    position absolute
    -webkit-border-radius 50%
    border-radius 50%
    background #ff5f56
    width 12px
    height 12px
    left 20px
    margin-top 10px
    -webkit-box-shadow 20px 0 #ffbd2e, 40px 0 #27c93f
    box-shadow 20px 0 #ffbd2e, 40px 0 #27c93f
    z-index 2
  // 注释
  .hljs-comment, .hljs-quote
    color #6272a4 !important
    font-style normal !important
  // 布尔
  .hljs-literal
    color #ffde2f !important
  // import
  .hljs-keyword, .hljs-operator
    color #66d9ef !important

  .hljs-string, .hljs-regexp, .hljs-addition, .hljs-attribute, .hljs-meta-string
    color #ae81ff !important
  .hljs-attr, .hljs-variable, .hljs-template-variable, .hljs-type, .hljs-selector-class, .hljs-selector-attr, .hljs-selector-pseudo, .hljs-number
    color #a6e22e !important
  .hljs-section, .hljs-name, .hljs-selector-tag, .hljs-deletion, .hljs-subst
    color #f92672 !important
  .hljs-symbol, .hljs-bullet, .hljs-link, .hljs-meta, .hljs-selector-id, .hljs-title
    color #03A9F4 !important
  .hljs-built_in, .hljs-class .hljs-title
    color #ffae37 !important

  h3, h2
    padding 14px 0 5px !important
    font-weight: 600
  code
    background: #ecf0f1
    padding: 1px 6px;
    border-radius: 3px;
    margin 0 3px
    color #ef4135
  h4
    padding 8px 0 4px !important
  h5
    padding 6px 0 3px !important
  blockquote
    background: #f5f7f9
    padding: 6px 15px !important;
    border-left: 4px solid #fb4b87;
    margin: 8px 0 20px !important
  table
    border-spacing 0px
    border-collapse collapse  
  th, td
    padding 6px 8px !important
    border 1px solid #dadada
    min-width: 50px
    // word-break: break-all